<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>腾讯新闻</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		.clear::after {
		  content: "";
		  clear: both;
		  display: block;
		}
		ul,
		li {
		  list-style: none;
		  padding-left: 0;
		}
		li,
		p {
		  line-height: 35px;
		}
		a {
		  color: #333;
		}
		a,
		button,
		input {
		  text-decoration: none;
		}
		input:hover {
		  text-decoration: none;
		}
		input,
		button:focus {
		  text-decoration: none;
		}
		h2 {
		  font-weight: normal;
		}
		.page {
		  width: 90%;
		  height: 90%;
		  margin: 0 auto;
		}
		
		.header {
		  width: 99%;
		  height: 80px;
		}
		.txlogo {
		  float: left;
		}
		.top_logo {
		  padding-top: 20px;
		  width: 131px;
		  height: 35px;
		  float: left;
		}
		.ad_logo{
			padding-top: 0px;
			height: 80px;
			float: left;
		}
		.search {
		  float: left;
		  position: absolute;
		  height: 36px;
		  line-height: 32px;
		  margin: 19px 0 0 531px;
		  border: 1px solid #dfdfdf;
		  background-color: #f3f6f8;
		  border-radius: 50px;
		}
		.web {
		  float: left;
		  color: #404040;
		  padding-left: 20px;
		  font-size: 14px;
		  line-height: 37px;
		}
		.top-input {
		  float: left;
		  border: 0;
		  font-size: 14px;
		  line-height: 32px;
		  width: 320px;
		  height: 30px;
		  padding: 4px 15px;
		  background: none;
		  outline: none;
		  vertical-align: middle;
		}
		.search-btn {
		  position: relative;
		  top: -1px;
		  right: -1px;
		  background: none;
		  border: none;
		  height: 38px;
		  width: 126px;
		  line-height: 34px;
		  padding: 0 23px;
		  color: #fff;
		  background-color: #1479d7;
		  border-radius: 50px;
		  font-size: 16px;
		}
		.top-login {
		  float: right;
		  margin: 22px 0 0;
		}
		.icon {
		  width: 30px;
		  height: 30px;
		  vertical-align: middle;
		  padding: 2px;
		}
		.login-btn {
		  display: inline-block;
		  width: 47px;
		  height: 35px;
		  line-height: 35px;
		  text-align: center;
		  border: 1px solid #ededed;
		  color: #60a5e4;
		  background-color: #f5f5f5;
		  font-size: 14px;
		  margin-left: 8px;
		}
		.nav {
		  width: 100%;
		  height: 50px;
		  background-color: #1479d7;
		  line-height: 50px;
		  text-align: center;
		  font-size: 1px;
		  border-radius: 3px;
		}
		.nav a {
		  display: inline-block;
		  height: 50px;
		  font-size: 18px;
		  padding: 0 15px;
		  color: #fff;
		  text-decoration: none;
		}
		.nav a:hover {
		  background-color: #cbe1ed;
		  color: #14539a;
		  text-align: center;
		}			
		.ad{
			margin: 20px 0;
			width: 850px;
			float: left;
		}
		.security {
		  margin: 20px 0;
		  margin-left: 930px;
		}
		.txsecurity {
		  width: 426px;
		  height: 75px;
		}	
		.col {
		  color: #222;
		}
		.col-1 {
		  width: 385px;
		  margin-right: 40px;
		  float: left;
		}
		.col-2 {
		  width: 361px;
		  margin-right: 40px;
		  float: left;
		}
		.col-3 {
		  width: 400px;
		  margin-right: 40px;
		  float: right;
		}
		
		.fl {
		  float: left;
		}
		.news {
		  width: 100%;
		  height: 100%;
		  margin: 0 auto;
		}	
		.left {
		}
		.hd {
		  height: 70px;
		  line-height: 40px;
		  border-bottom: 1px solid #cae0f3;
		}
		.tit {
		  display: inline-block;
		  margin: 0 10px;
		  height: 40px;
		  font-size: 20px;
		}
		.tit-1 {
		  display: inline-block;
		  margin: 22px 10px 0 0;
		  height: 40px;
		  font-size: 20px;
		}
		.tit-2 {
		  display: inline-block;
		  margin: 0px 5px 0 9px;
		  height: 40px;
		  font-size: 12px;
		}
		.weather {
		  display: inline-block;
		  width: 25px;
		  height: 25px;
		  margin: -7px 0 0;
		  background-size: 100%;
		  vertical-align: middle;
		}
		.txt {
		  display: inline-block;
		  margin: 0 10px 0 0;
		  font-size: 12px;
		}
		.tit-line {
		  display: inline-block;
		  width: 2px;
		  height: 18px;
		  border-left: 1.5px solid #e1e1e1;
		  margin: 10px 0 0 0;
		}
		.tab-news {
		  font-size: 15px;
		  margin-bottom: 0;
		}
		.bold {
		  font-weight: bold;
		}
		.cf {
		  height: 105px;
		}
		.news-pic-txt {
		  padding: 32px 0;
		  border-radius: 2px;
		}
		.news-pic-txt-2 {
		  padding: 0;
		}
		
		.text {
		  margin-left: 13px;
		  position: relative;
		  width: 157px;
		  height: 107px;
		  line-height: 30px;
		}
		.talk {
		  width: 128px;
		  height: 50px;
		}
		
		.kandian-top {
		  margin-top: 23px;
		}
		.play {
		  width: 23px;
		  height: 12px;
		}
		.product {
		  margin: 8px 0 14px;
		}
		.list {
		  margin-top: 24px;
		  border: 1px solid #cae0f3;
		}
		.f14 {
		  font-size: 13px;
		}
		
		.product .list li {
		  height: 35px;
		  line-height: 40px;
		  border-bottom: 1px solid #cae0f3;
		  overflow: hidden;
		}
		.product .list li a {
		  font-size: 12px;
		  margin: 5px 8px 0 0;
		  padding-left: 8px;
		}
		.prod-1,
		.prod-3 {
		  background-color: #fff;
		  width: 425px;
		}
		.prod-2,
		.prod-4 {
		  background-color: #f5f8fc;
		  width: 425px;
		}
		.hot-race {
		}
		.hd-hot {
		  height: 43px;
		  width: 428px;
		  line-height: 40px;
		  border-bottom: 1px solid #cae0f3;
		}
		.fr {
		  float: right;
		  width: 303px;
		}
		.time {
		  padding-left: 20px;
		  font-size: 14px;
		  line-height: 45px;
		}
		.tips {
		  color: #64788c;
		  font-size: 14px;
		}
		
		.video-box {
		  margin-top: 163px;
		  height: 220px;
		}
		.poster {
		  margin-top: 23px;
		  border-radius: 4px;
		  height: 255px;
		  width: 428px;
		}
		.poster-txt {
		  position: relative;
		  left: 0;
		  bottom: 0;
		  padding: 10px 0 10px 15px;
		  box-sizing: border-box;
		  color: #fff;
		  font-size: 15px;
		  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
		}
		
		.title-1 {
		  padding-top: 119px;
		}
	</style>

  </head>
  <body>
    <div class="page">
      <div class="header">
        <div class="clear txlogo">
          <a href="https://www.qq.com/" target="_blank"><img class="top_logo" src="img/腾讯logo.png" ></a>
		  <a href="https://new.qq.com/hb_index.htm"> <img class="ad_logo" src="img/打开眼界.png" /></a>
        </div>
        <div class="search clear">
          <div class="web">
            网页
          </div>
          <input class="top-input" type="text" />
          <button class="search-btn">搜狗搜索</button>
        </div>
        <div class="top-login">
          <div class="items">
            <a href="#" class="q-icons l-qzone" target="blank">
              <img class="icon" src="" />
            </a>
            <a href="#" class="q-icons l-qmail" target="blank">
              <img class="icon" src=""/>
            </a>
            <a href="#" class="q-icons l-qlo" target="blank">
              <button class="login-btn">登录</button>
            </a>
          </div>
        </div>
      </div>
      <div class="nav">
        <a href="https://news.qq.com/" target="blank>新闻</a>
        <a href="https://v.qq.com/" target="blank>视频</a>
        <a href="https://new.qq.com/ch/photo/" target="blank>图片</a>
        <a href="https://new.qq.com/ch/milite/" target="blank>军事</a>
        <a href="https://sports.qq.com" target="blank>体育</a>
        <a href="https://sports.qq.com/nba/" target="blank>NBA</a>
        <a href="https://new.qq.com/ch/ent/" target="blank>娱乐</a>
        <a href="https://new.qq.com/ch/finance/" target="blank>财经</a>
        <a href="https://new.qq.com/ch/tech/" target="blank>科技</a>
        <a href="https://new.qq.com/ch/fashion/" target="blank>时尚</a>
        <a href="https://auto.qq.com/" target="blank>汽车</a>
        <a href="https://house.qq.com/" target="blank>房产</a>
        <a href="https://new.qq.com/ch/edu/" target="blank>教育</a>
        <a href="https://new.qq.com/ch/cul/" target="blank>文化</a>
        <a href="https://new.qq.com/ch/astro/" target="blank>星座</a>
        <a href="https://new.qq.com/ch/games/" target="blank>游戏</a>
        <a href="#" target="blank>更多</a>
      </div>
	  <div class="ad">
		  <img src="img/ad.png"/ width="100%">
	  </div>
      <div class="security">
        <img class="txsecurity" src="img/举报.png" />
      </div>
      <div class="news clear">
        <div class="left col-1">
          <div class="news-title">
            <div class="hd">
              
			  <h2 class="tit-1">
                <a href="#">要闻</a>
              </h2>
              <span class="tit-line"></span>
			  
              <h2 class="tit">
                <a href="#">抗肺炎</a>
              </h2>
              <span class="tit-line"></span>
              
			  <h2 class="tit">
                <a href="#">湖南新闻</a>
              </h2>
              <h2 class="tit-2">湘潭</h2>
              <p class="txt">6℃</p>
            </div>
            
			<div class="bd">
              <div class="tab-news">
                <ul class="news-top">
                  <li class="bold">
                    <a href="https://new.qq.com/omn/20201202/20201202A044XI00.html" target="_blank">习近平强调保护知识产权就是保护创新 </a>
                  </li>
                  <li class="bold">
                    <a href="https://new.qq.com/omn/TWF20201/TWF2020120201435700.html" target="_blank">习近平总书记关切事|体育课在悄悄“变脸” </a>
                    <a href="https://new.qq.com/omn/20201201/20201201A0G3L500.htm" target="_blank">央视快评 </a>
                  </li>
                  <li class="">
                    <a href="http://news.qq.com/zt_http/wxzlsj.htm" target="_blank">2021“我向总理说句话”网民建言征集活动开始</a>
                  </li>
                  <li class="">
                    <a href="https://new.qq.com/omn/20201201/20201201A0HWJ500.html" target="_blank">嫦娥五号成功着陆！  </a>
                    <a href="https://new.qq.com/omn/20201201/20201201A0EFQZ00.html" target="_blank">来自绿水青山间的回响</a>
                  </li>
                  <li class="">
                    <a href="https://new.qq.com/omn/TWF20201/TWF2020120200949600.html" target="_blank">北京市宪法公益宣传片</a>
                  </li>
                  <li class="">
                    <a href="https://new.qq.com/rain/a/20201201A041PT00" target="_blank">【实践新论】科学推进大气污染生态补偿机制</a>
                  </li>
                  <li class="">
                    <a href="https://new.qq.com/omn/20201202/20201202A06XSG00.html" target="_blank">马首回归圆明园，历史故事里有记忆更有感情</a>
                  </li>
                  <li class="">
                    <a href="https://new.qq.com/omn/20201201/20201201A05W9F00.html" target="_blank">【决胜2020】发展生态循环农业，皖北这样“变废为宝</a>
                  </li>
                  <li class="news-pic-txt cf">
                    <img
                      style="
                        width: 188px;
                        height: 106px;
                        float: left;
                        border-radius: 5px;"
                      src="img/大选.webp"/>
                    <div class="text fl ">
                      <a href="https://new.qq.com/omn/20201202/20201202A00UQT00.html" target="_blank"> 美司法部长：未发现证据显示2020总统大选存在大规模舞弊</a>
                    </div>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="middle col-2">
          <div class="today-topic">
            <div class="hd">
              <h2 class="tit-1">
                	今日话题
              </h2>
            </div>
            <div class="bd">
              <ul class="tab-news">
                <li class="bold">
                  <a href="https://new.qq.com/rain/a/20201201A0FE3W00" target="_blank">侠客岛：强制刷脸？该关注隐私和技术风险了</a>
                </li>
                <li class="">
                  <a class="bold" href="https://new.qq.com/omn/author/1051"  target="_blank">人民日报</a>
                  <span class="tit-line"></span>
                  <a href="https://new.qq.com/rain/a/20201202A06V2A00" target="_blank">丁真火到海外！外国网友这么说</a>
                </li>
                <li class="">
                  <a class="bold" href="https://new.qq.com/omn/author/5012907" target="_blank">新京报</a>
                  <span class="tit-line"></span>
                  <a href="https://new.qq.com/rain/a/20201202A07S8C00" target="_blank">“已跌破警戒线”，该警惕生育率“跌跌不休”</a>
                </li>
                <li class="">
                  <a class="bold" href="https://new.qq.com/omn/author/58" target="_blank">央视新闻</a>
                  <span class="tit-line"></span>
                  <a href="https://new.qq.com/rain/a/20201202A06FSZ00" target="_blank">这份来自月球的“土特产”，正在打包！</a>
                </li>
                <li class="">
                  <a class="bold" href="https://new.qq.com/omn/author/5157372" target="_blank">深网</a>
                  <span class="tit-line"></span>
                  <a href="https://new.qq.com/rain/a/20201201A01YGK00" target="_blank">颜值即正义？丁真能火，靠的不仅仅是颜值</a>
                </li>
                <li class="">
                  <a class="bold" href="https://new.qq.com/omn/author/3285" target="_blank">棱镜</a>
                  <span class="tit-line"></span>
                  <a href="https://new.qq.com/rain/a/20201202A01MFI00" target="_blank">277亿美元！Salesforce收购“美国版钉钉”叫板…</a>
                </li>
                <li class="">
                  <a class="bold" href="https://new.qq.com/omn/author/5107513" target="_blank">较真</a>
                  <span class="tit-line"></span>
                  <a href="https://new.qq.com/rain/a/20201201A05SOS00" target="_blank">出现发热、皮疹、淋巴结肿大就是患了艾滋病？</a>
                </li>
              </ul>
              <div class="mod">
                <div class="invite" style="height: 50px">
                	<img
                      style="
                        width: 200px;
                        height: 50px;
                        border-radius: 5px;"
                      src="img/logo_cyn.png"/>
                    <!--<div class="text fl ">
                  <img class="talk" src="./img/talk_with.png" alt="" />
                </div>-->
                <li class="news-pic-txt-2 cf">
                 <a id="img" href="https://v.qq.com/x/cover/mzc00200hbbzdy1/r3208idnqqj.html" target="_blank"> <img 
                    style="
                      width: 188px;
                      height: 106px;
                      float: left;
                      border-radius: 5px;"
                    src="img/励志橙.jpg"/>
                  <div class="text fl">
                    <a href="https://v.qq.com/x/cover/mzc00200hbbzdy1/r3208idnqqj.html" target="_blank">后褚时健时代：传奇老人的“励志橙”何去何从</a>
                  </div>
                </li>
              </div>
            </div>
          </div>
        </div>
        <div class="right col-3">
          <div class="product">
            <ul class="list f14 fl">
              <li class="q-icons prod-1">
                <a href="#">新闻APP</a>
                <a href="#">体育APP</a>
                <a href="#">企鹅号</a>
                <a href="#">快报</a>
                <a href="#">视频</a>
                <a href="#">浏览器</a>
                <a href="#">微视</a>
              </li>
              <li class="q-icons prod-2">
                <a href="#">微信</a>
                <a href="#">QQ</a>
                <a href="#">空间</a>
                <a href="#">企业微信</a>
                <a href="#">邮箱</a>
                <a href="#">腾讯云</a>
                <a href="#">电脑管家</a>
                <a href="#">会员</a>
              </li>
              <li class="q-icons prod-3">
                <a href="#">LOL</a>
                <a href="#">DNF</a>
                <a href="#">CF</a>
                <a href="#">王者</a>
                <a href="#">单机游戏</a>
                <a href="#">火影OL</a>
                <a href="#">天刀</a>
                <a href="#">爱玩</a>
                <a href="#">逆战</a>
              </li>
              <li class="q-icons prod-4">
                <a href="#">软件</a>
                <a href="#">Q币</a>
                <a href="#">京东</a>
                <a href="#">腾讯地图</a>
                <a href="#">腾讯文档</a>
                <a href="#">理财通</a>
              </li>
            </ul>
          </div>
          <div class="hot-race">
            <div class="hd-hot">
              <h2 class="tit-1 fl">
                <a href="#">热门赛事</a>
                <div class="fr">
                  <span class="time">11月30日</span>
                  <span class="tit-line"></span>
                  <span class="tips">晚上好，今天有24场热门比赛 &nbsp;》</span>
                </div>
              </h2>
            </div>
            <div class="bd">
              <ul class="news-list">
                <li class="video-box">
                  <img class="poster" src=""/>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>